.sponsored-content-wrapper {
padding: 30px;
}
.sponsored-header {
margin-bottom: 20px;
}
h3.sponsored-title {
color: var(--Titoli-celesti, #118E96);
font-family: "Work Sans";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 145.5%;
}
.sponsor-logo {
max-width: 180px !important;
height: auto;
display: block;
}
.sponsored-description {
color: #555;
font-size: 16px;
line-height: 1.6;
margin-bottom: 25px;
}
.sponsored-tags {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 25px;
}
.tag {
background: #ffffff;
border: 1px solid #47c7c7;
color: #47c7c7;
padding: 6px 16px;
border-radius: 20px;
font-size: 14px;
display: inline-block;
}
.sponsored-company-info {
margin-bottom: 25px;
}
.company-part-of {
display: flex;
align-items: center;
gap: 10px;
color: #333;
font-size: 14px;
}
.hub-logo {
height: 24px;
width: auto;
}
.sponsored-buttons {
display: flex;
gap: 15px;
}
.sponsored-button {
padding: 10px 24px;
border-radius: 4px;
font-size: 15px;
font-weight: 500;
text-decoration: none;
text-align: center;
transition: all 0.3s ease;
display: inline-block;
}
.visit-btn, .contact-btn {
background-color: #47c7c7;
color: #ffffff !important;
border: none;
}
.visit-btn:hover,
.contact-btn:hover {
background-color: #3ab0b0;
color: #ffffff !important;
text-decoration: none;
}
@media (max-width: 767px) {
.sponsored-content-wrapper {
padding: 20px;
}
.sponsored-buttons {
flex-direction: column;
}
.sponsored-button {
width: 100%;
}
}
.separator-cs {
width: 920px;
height: 1px;
background: #1D9CA4;
margin:20px auto;
}
.resources-title {
color: var(--Titoli-celesti, #118E96);
text-align: center;
font-family: "Work Sans";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 145.5%; margin-bottom: 10px;
}