📄 ePaper
/* Button Styling */
.sv-epaper-btn {
display: inline-flex;
align-items: center;
justify-content: center;
background: linear-gradient(45deg, #d31027, #ea384d); /* Red Gradient */
color: #ffffff !important;
font-family: 'Ramabhadra', sans-serif; /* Mee font */
font-size: 13px; /* Chinnaga undadaniki size */
font-weight: 500;
text-decoration: none !important;
padding: 6px 15px; /* Chinna padding */
border-radius: 20px; /* Round edges */
box-shadow: 0 4px 6px rgba(0,0,0,0.2);
transition: all 0.3s ease;
border: 1px solid rgba(255,255,255,0.2);
line-height: 1;
}
/* Icon Style */
.epaper-icon {
font-style: normal;
margin-right: 6px;
font-size: 14px;
}
/* Hover Effect (Mouse pettinappudu) */
.sv-epaper-btn:hover {
transform: translateY(-2px); /* Konchem paiki legustundi */
box-shadow: 0 6px 12px rgba(211, 16, 39, 0.4); /* Glow effect */
background: linear-gradient(45deg, #ea384d, #d31027);
color: #fff !important;
}
/* Mobile Responsive */
@media (max-width: 600px) {
.sv-epaper-btn {
font-size: 12px;
padding: 5px 12px;
}
}
Wednesday, October 21, 2026
📄 ePaper
/* 3D Button Styling */
.sv-epaper-btn {
display: inline-flex;
align-items: center;
justify-content: center;
/* 3D Main Color */
background: linear-gradient(to bottom, #ea384d, #d31027);
color: #ffffff !important;
font-family: 'Ramabhadra', sans-serif;
font-size: 14px;
font-weight: 600;
text-decoration: none !important;
padding: 8px 20px;
border-radius: 30px; /* Pill shape */
/* 3D EFFECT MAGIC HERE */
border: 1px solid #d31027;
border-bottom: none; /* Shadow handles the bottom border look */
box-shadow: 0px 5px 0px #8b1c2b, 0px 10px 10px rgba(0,0,0,0.15); /* Solid shadow for thickness */
transition: all 0.1s ease; /* Fast transition for "click" feel */
position: relative;
top: 0;
}
/* Icon Style */
.epaper-icon {
font-style: normal;
margin-right: 8px;
font-size: 16px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
/* Hover Effect (Mouse pettinappudu) */
.sv-epaper-btn:hover {
background: linear-gradient(to bottom, #ff4d63, #e61e36); /* Slightly lighter red */
transform: translateY(-2px); /* Konchem paiki */
box-shadow: 0px 7px 0px #8b1c2b, 0px 15px 20px rgba(0,0,0,0.2); /* Shadow increases */
}
/* Active/Click Effect (Click chesinappudu - Real 3D Press) */
.sv-epaper-btn:active {
transform: translateY(5px); /* Button moves down */
box-shadow: 0px 0px 0px #8b1c2b, inset 0px 2px 5px rgba(0,0,0,0.2); /* Shadow disappears */
top: 0px;
}
/* Mobile Responsive */
@media (max-width: 600px) {
.sv-epaper-btn {
font-size: 13px;
padding: 8px 16px;
box-shadow: 0px 4px 0px #8b1c2b, 0px 5px 5px rgba(0,0,0,0.15);
}
.sv-epaper-btn:active {
transform: translateY(4px);
}
}
© 2025 prajakshetram.com . All rights reserved. | Designed by VEDA