:root { --accent: #e2a735; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(221, 185, 53, 1), -10px 10px rgba(221, 185, 53, 0.2), -10px -10px rgba(221, 185, 53, 1), 10px -10px rgba(221, 185, 53, 0.2); } 25% { box-shadow: -10px 10px rgba(221, 185, 53, 0.2), -10px -10px rgba(221, 185, 53, 1), 10px -10px rgba(221, 185, 53, 0.2), 10px 10px rgba(221, 185, 53, 1); } 50% { box-shadow: -10px -10px rgba(221, 185, 53, 1), 10px -10px rgba(221, 185, 53, 0.2), 10px 10px rgba(221, 185, 53, 1), -10px 10px rgba(221, 185, 53, 0.2); } 75% { box-shadow: 10px -10px rgba(221, 185, 53, 0.2), 10px 10px rgba(221, 185, 53, 1), -10px 10px rgba(221, 185, 53, 0.2), -10px -10px rgba(221, 185, 53, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #ffffff }.listing-main-info .profile-name, .price-or-date{ border: 1px solid #eed6d6; border-radius: 12px; background-color: #0e9147; padding: 12px; } @media only screen and (max-width: 1200px) { .listing-main-info .profile-name, .price-or-date{ border: 1px solid #eed6d6; border-radius: 12px; background-color: #FFFFFF; padding: 12px; } } .btn-more-details{ color:black; background-color:transparent; outline:none; padding: 0 0 4px 10px; border:none; position:relative; } button.btn-more-details:after { content: ""; height: 2px; width: 100%; position: absolute; bottom: 0; transition: width .3s ease; right: 0; background: var(--accent); } button.btn-more-details:hover:after { width: 0; }