@import"https://fonts.googleapis.com/css?family=Montserrat&display=swap";body .button{width:90px;height:30px;position:relative;background:#f3f0f1;margin-bottom:25px;border-radius:32px;text-align:center;cursor:pointer;transition:all .1s ease-in-out;span {line-height: 50px; font-family: "Montserrat",sans-serif; font-size: 32px; font-weight: semibold;} &:nth-child(1) {box-shadow: -6px -6px 10px rgba(255,255,255,.8),6px 6px 10px rgba(0,0,0,.2); color: #6f6cde; &:hover {opacity: .3; box-shadow: -6px -6px 10px rgba(255,255,255,.8),6px 6px 10px rgba(0,0,0,.2);} &:active {opacity: 1; box-shadow: inset -4px -4px 8px rgba(255,255,255,.5),inset 8px 8px 16px rgba(0,0,0,.1); color: #79e3b6;}} &:nth-child(2) {opacity: .3; box-shadow: -6px -6px 10px rgba(255,255,255,.8),6px 6px 10px rgba(0,0,0,.2); color: #6f6cde;} &:nth-child(3) {box-shadow: inset -4px -4px 8px rgba(255,255,255,.5),inset 8px 8px 16px rgba(0,0,0,.1); color: #79e3b6; &:hover {opacity: 1; box-shadow: -6px -6px 10px rgba(255,255,255,.8),6px 6px 10px rgba(0,0,0,.2);}}}