.bc-load-more {
display: flex;
justify-content: center;
margin: 20px 0 60px;
}
.bc-load-more[hidden] {
display: none;
}
.bc-load-more__button {
-webkit-appearance: none;
appearance: none;
min-width: 220px;
margin: 0;
padding: 14px 42px;
border: 2px solid #34c9d3;
border-radius: 0;
background-color: #34c9d3;
color: #ffffff;
font-family: Catamaran, sans-serif;
font-size: 13px;
font-weight: 800;
line-height: 1.4;
letter-spacing: 0.1em;
text-transform: uppercase;
cursor: pointer;
transition: background-color 0.2s ease, color 0.2s ease;
}
.bc-load-more__button:not(:disabled):hover,
.bc-load-more__button:not(:disabled):focus-visible {
background-color: transparent;
color: #34c9d3;
}
.bc-load-more__button:focus-visible {
outline: 2px solid #000000;
outline-offset: 3px;
}
.bc-load-more__button:disabled {
cursor: not-allowed;
}
.bc-load-more__button--loading,
.bc-load-more__button--loading:disabled {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
border-color: #9fe2e7;
background-color: #9fe2e7;
color: #ffffff;
cursor: wait;
pointer-events: none;
}
.bc-load-more__button--loading::before {
content: "";
flex: 0 0 auto;
width: 14px;
height: 14px;
border: 2px solid rgba(255, 255, 255, 0.45);
border-top-color: #ffffff;
border-radius: 50%;
animation: bc-spin 0.7s linear infinite;
}
.bc-home-news .bc-is-new {
animation: bc-fade-in 0.4s ease both;
}
.bc-visually-hidden {
position: absolute !important;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
@keyframes bc-fade-in {
from {
opacity: 0;
transform: translateY(12px);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes bc-spin {
to {
transform: rotate(360deg);
}
}
@keyframes bc-pulse {
50% {
opacity: 0.35;
}
}
@media (prefers-reduced-motion: reduce) {
.bc-home-news .bc-is-new {
animation: none;
}
.bc-load-more__button--loading::before {
animation: bc-pulse 1.4s ease-in-out infinite;
}
.bc-load-more__button {
transition: none;
}
}