:root{--color:#61DDAA;--background-color:rgb(68, 205, 148);--background-hover:rgb(56, 183, 130)}.Btn-disabled{--color:#cbd6d2;--background-color:#6e7572;--background-hover:rgb(78, 85, 82)}.Btn{position:relative;display:flex;align-items:center;justify-content:flex-start;border:none;padding:10px 20px;background-color:var(--color);color:#fff;font-weight:500;cursor:pointer;border-radius:10px;box-shadow:5px 5px 0 var(--background-color);transition-duration:.3s}.svg{width:16px;position:absolute;right:0;margin-right:20px;fill:#fff;transition-duration:.3s}.Btn:hover svg{right:43%;transform:scale(1.02);margin:0;padding:0;border:none;transition-duration:.3s}.Btn:hover{box-shadow:8px 8px 0 var(--background-hover)}.Btn:active{transform:translate(3px,3px);font-size:21px;transition-duration:.3s}