.col-plugin-container {
margin: 20px 0;
padding: 20px;
background: #f9f9f9;
border: 1px solid #e5e5e5;
border-radius: 4px;
}
.col-plugin-title {
font-size: 24px;
font-weight: bold;
color: #333;
margin-bottom: 15px;
}
.col-plugin-content {
font-size: 16px;
line-height: 1.6;
color: #666;
}
.col-plugin-button {
display: inline-block;
padding: 10px 20px;
background: #0073aa;
color: #fff;
text-decoration: none;
border-radius: 4px;
transition: background-color 0.3s ease;
}
.col-plugin-button:hover {
background: #005a87;
color: #fff;
text-decoration: none;
}
.col-plugin-info-box {
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
padding: 15px;
margin: 10px 0;
}
.col-plugin-info-box h3 {
margin-top: 0;
color: #333;
}
.col-plugin-info-box p {
margin-bottom: 10px;
} @media (max-width: 768px) {
.col-plugin-container {
margin: 10px 0;
padding: 15px;
}
.col-plugin-title {
font-size: 20px;
}
.col-plugin-content {
font-size: 14px;
}
}