.hero .button{position:relative;box-shadow:0 10px 20px rgba(0,0,0,.2);padding-block:.5rem;padding-inline:1.25rem;background-color:var(--accent-color);border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#171717;gap:10px;font-weight:700;border:3px solid #ffffff4d;outline:none;overflow:hidden;font-size:15px;cursor:pointer}.hero .button,.hero .icon{transition:all .3s ease-in-out}.hero .icon{width:24px;height:24px}.hero .button:hover{transform:scale(1.05);border-color:#fff9}.hero .button:hover .icon{transform:translate(4px)}.hero .button:hover:before{animation:shine 1.5s ease-out infinite}.hero .button:before{content:"";position:absolute;width:100px;height:100%;background-image:linear-gradient(120deg,hsla(0,0%,100%,0) 30%,hsla(0,0%,100%,.8),hsla(0,0%,100%,0) 70%);top:0;left:-100px;opacity:.6}@keyframes shine{0%{left:-100px}60%{left:100%}to{left:100%}}.hero{width:100%;min-height:80vh;position:relative;padding:120px 0 60px;display:flex;align-items:center;background-color:#666}.hero h1{margin:0;font-size:48px;font-weight:700;line-height:56px}.hero p{color:color-mix(in srgb,var(--default-color),transparent 30%);margin:5px 0 30px;font-size:22px;line-height:1.3;font-weight:600}.hero .btn-get-started{color:var(--contrast-color);background:var(--accent-color);font-family:var(--heading-font);font-weight:500;font-size:15px;letter-spacing:1px;display:inline-block;padding:10px 28px 12px;border-radius:50px;transition:.5s}.hero .btn-get-started:hover{color:var(--contrast-color);background:color-mix(in srgb,var(--accent-color),transparent 15%)}.hero .btn-watch-video{font-size:16px;transition:.5s;margin-left:25px;color:var(--default-color);font-weight:600}.hero .btn-watch-video i{color:var(--contrast-color);font-size:32px;transition:.3s;line-height:0;margin-right:8px}.hero .btn-watch-video:hover{color:var(--accent-color)}.hero .btn-watch-video:hover i{color:color-mix(in srgb,var(--accent-color),transparent 15%)}.hero .animated{animation:up-down 2s ease-in-out infinite alternate-reverse both}@media (max-width:640px){.hero h1{font-size:28px;line-height:36px}.hero p{font-size:18px;line-height:24px;margin-bottom:30px}.hero .btn-get-started,.hero .btn-watch-video{font-size:13px}}@keyframes up-down{0%{transform:translateY(10px)}to{transform:translateY(-10px)}}