codekirk1/polymer-shield-pros

1/* Custom styles for BASSEK */2@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');3 4body {5    font-family: 'Inter', sans-serif;6    color: #333;7}8 9/* Custom underline effect for links */10a {11    position: relative;12    text-decoration: none;13}14 15a:not(.no-underline):after {16    content: '';17    position: absolute;18    width: 100%;19    transform: scaleX(0);20    height: 1px;21    bottom: -2px;22    left: 0;23    background-color: currentColor;24    transform-origin: bottom right;25    transition: transform 0.25s ease-out;26}27 28a:not(.no-underline):hover:after {29    transform: scaleX(1);30    transform-origin: bottom left;31}32 33/* Custom fade-in animation */34@keyframes fadeIn {35    from { opacity: 0; }36    to { opacity: 1; }37}38 39.fade-in {40    animation: fadeIn 1s ease-in;41}42 43/* Product card hover effect */44.product-card:hover {45    transform: translateY(-5px);46    transition: transform 0.3s ease;47}48 49/* Compliance icon styling */50.compliance-icon {51    transition: all 0.3s ease;52}53 54.compliance-icon:hover {55    transform: scale(1.1);56    background-color: #e5e7eb !important;57}