.btn-glass{-webkit-backdrop-filter:blur(18.55px);cursor:pointer;background:#fff3;border:none;border-radius:70px;outline:none;justify-content:center;align-items:center;margin:5px;padding:14px 34px;transition:all .6s cubic-bezier(.19,1,.22,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px -5px #0000001a}.btn-glass .btn-text{letter-spacing:-.01em;text-transform:none;white-space:nowrap;font-size:16px;font-weight:500;line-height:normal;transition:color .4s}@media (max-width:768px){.btn-glass .btn-text{font-size:16px}}@media (min-width:1750px){.btn-glass .btn-text{font-size:20px}}.btn-glass .base{color:#fff;z-index:1;position:relative}.btn-glass .fill-mask{z-index:2;border-radius:inherit;clip-path:inset(0 100% 0 0 round 0 100px 100px 0);background:#fff;justify-content:center;align-items:center;width:100%;height:100%;transition:clip-path 2s cubic-bezier(.19,1,.22,1);display:flex;position:absolute;top:0;left:0;overflow:hidden}.btn-glass .fill-mask .overlay{color:#000;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.btn-glass:hover{box-shadow:0 10px 30px -5px #0003}.btn-glass:hover .fill-mask{clip-path:inset(0 round 0 100px 100px 0)}.btn-glass:active{background:#fff6;transform:scale(.98)}.btn-glass.dark-btn{background:#000000d9;border:1px solid #ffffff26}.btn-glass.dark-btn .base{color:#fff}.btn-glass.dark-btn .fill-mask{background:#fff}.btn-glass.dark-btn .fill-mask .overlay{color:#000}.btn-glass.dark-btn:hover{background:#000}.btn-glass.dark-btn:active{background:#000000b3}@media (max-width:768px){.btn-glass{padding:10px 20px}}