.obz-home__primary {
display: inline-block;
padding: 14px 36px;
background: #00a88a;
color: #fff!important;
border-radius: 999px;
text-decoration: none;
font-weight: 600;
border: none;
font-size: 17px
}
.obz-home__outline {
display: inline-block;
padding: 14px 36px;
background: #fff;
color: #008c72;
border: 2px solid #00a88a;
border-radius: 999px;
text-decoration: none;
font-weight: 600;
font-size: 17px
}
.obz-home__primary:hover {
background: #008c72;
color: #fff!important
}
.obz-home__outline:hover {
background: #f0fcf9
}
.card-grid-auto {
display: grid;
grid-template-columns: repeat(auto-fill,minmax(260px,1fr));
gap: 24px
}
.media-card {
display: block;
border: 1px solid #e8e8e8;
border-radius: 8px;
padding: 16px;
text-decoration: none;
color: #222;
background: #fff;
transition: .2s ease
}
.media-card:hover {
box-shadow: 0 2px 12px rgba(0,0,0,.08)
}
.media-card span {
display: block;
font-size: 18px;
font-weight: 600;
margin-bottom: 6px;
color: #00a88a
}
.media-card small {
font-size: 13px;
color: #666;
line-height: 1.5
}
