.section-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:.5rem;color:var(--bs-primary,#696cff)}:root:not([data-theme=dark]):not([data-theme=pink]) .content-section{position:relative;overflow:hidden;background:#ffffff80;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #fff9;box-shadow:0 8px 32px #696cff0d,inset 0 0 0 1px #ffffff80;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:1}:root:not([data-theme=dark]):not([data-theme=pink]) .content-section:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,#fff0 0,#fff6 50%,#fff0);transform:skewX(-25deg);transition:all .7s ease;z-index:-1;pointer-events:none}:root:not([data-theme=dark]):not([data-theme=pink]) .content-section:hover{transform:translateY(-5px);border-color:#696cff80;box-shadow:0 15px 35px #696cff1a,inset 0 0 0 1px #fff9}:root:not([data-theme=dark]):not([data-theme=pink]) .content-section:hover:before{left:200%}:root:not([data-theme=dark]):not([data-theme=pink]) .section-icon{animation:float-contact 6s ease-in-out infinite}@keyframes float-contact{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}