.calculationcf7-hide{
display: none;
}.ccru-banner {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #1a1a1a;
color: #fff;
padding: 20px;
z-index: 9999;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
animation: slideUp 0.3s ease-in-out;
}
@keyframes slideUp {
from {
transform: translateY(100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.ccru-banner-content {
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}
.ccru-banner-text {
flex: 1;
min-width: 250px;
}
.ccru-banner-text h3 {
margin: 0 0 10px 0;
font-size: 18px;
font-weight: 600;
}
.ccru-banner-text p {
margin: 0;
font-size: 14px;
line-height: 1.5;
color: #ccc;
}
.ccru-banner-buttons {
display: flex;
gap: 10px;
white-space: nowrap;
flex-wrap: wrap;
}
.ccru-btn {
padding: 10px 20px;
border: none;
border-radius: 4px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.ccru-btn-reject {
background: #555;
color: #fff;
}
.ccru-btn-reject:hover {
background: #666;
}
.ccru-btn-accept {
background: #4CAF50;
color: #fff;
}
.ccru-btn-accept:hover {
background: #45a049;
}
.ccru-btn:active {
transform: scale(0.98);
} @media (max-width: 768px) {
.ccru-banner {
padding: 15px;
}
.ccru-banner-content {
flex-direction: column;
align-items: stretch;
}
.ccru-banner-text {
width: 100%;
}
.ccru-banner-buttons {
width: 100%;
flex-direction: column;
}
.ccru-btn {
width: 100%;
}
.ccru-banner-text h3 {
font-size: 16px;
}
.ccru-banner-text p {
font-size: 13px;
}
} .ccru-banner.ccru-hidden {
display: none;
animation: slideDown 0.3s ease-in-out forwards;
}
@keyframes slideDown {
from {
transform: translateY(0);
opacity: 1;
}
to {
transform: translateY(100%);
opacity: 0;
}
}