.btn-draw-new {
	 box-shadow: inset 0 0 0 4px #d52525;
	 background-color: #d52525;
	 color: #ffffff;
	 transition: color 0.5s 0.0833333333s;
	 position: relative;
}
 .btn-draw-new::before, .btn-draw-new::after {
	 border: 0 solid transparent;
	 box-sizing: border-box;
	 content: '';
	 pointer-events: none;
	 position: absolute;
	 width: 0;
	 height: 0;
	 bottom: 0;
	 right: 0;
}
 .btn-draw-new::before {
	 border-bottom-width: 4px;
	 border-left-width: 4px;
}
 .btn-draw-new::after {
	 border-top-width: 4px;
	 border-right-width: 4px;
}
 .btn-draw-new:hover {
     transition: border-color 0s, width 0.5s, height 0.5s;
	 color: #3a2c98;
	 background: linear-gradient(to left, #eef0f1 50%, #d52525 50%) right;
    background-size: 200%;
    transition: 0.5s ease-out;
}
 .btn-draw-new:hover::before, .btn-draw-new:hover::after {
	 border-color: #58afd1;
	 transition: border-color 0s, width 0.5s, height 0.5s;
	 width: 100%;
	 height: 100%;
}
 .btn-draw-new:hover::before {
	 transition-delay: 0s, 0s, 0.5s;
}
 .btn-draw-new:hover::after {
	 transition-delay: 0s, 0.5s, 0s;
}
 .btn-new {
	 background-color: #d52525;
	 border: none;
	 cursor: pointer;
	 line-height: 1.5;
	 font: 700 1.2rem 'Roboto Slab', sans-serif;
	 padding: 1em 2em;
	 letter-spacing: 0.05rem;
}
 .btn-new:focus {
	 outline: 2px dotted #55d7dc;
}
 .md\:w-1\/3 {
      width:33.333333%;
    }
    
    .md\:w-1\/6 {
      width:16.666667%;
    }