Description
.product-info__description .container {
max-width: 600px;
margin: 0 auto;
text-align: justify;
position: absolute; /* Make container position absolute */
top: 30px; /* Adjust top value as needed to move the container */
left: 0;
right: 0;
z-index: 10; /* Ensure container is above other elements */
}
.additional-paragraph {
margin-top: 10px;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
}
.read-more-btn,
.read-less-btn {
color: #000;
font-size: 16px;
text-decoration: underline;
font-weight: 600;
border: none;
padding: 3px 8px;
cursor: pointer;
}
.black-box {
background-color: #000;
color: white;
padding: 8px;
width: 210px; /* Smaller box width */
text-align: center;
display: inline-block; /* Display boxes in the same line */
margin-right: 8px; /* Add some margin between boxes */
margin-top: 10px; /* Smaller margin from the top */
position: relative; /* Make box position relative for absolute positioning of SVG */
font-size: 13px;
}
.checked-circle {
position: absolute;
left: 5px;
top: 50%;
transform: translateY(-50%);
width: 17px;
height: 17px;
}
.checked-circle svg {
width: 14px;
}
.black-box span {
vertical-align: middle;
}
.read-more-btn:hover,
.read-less-btn:hover {
cursor: pointer;
}
.read-more-checkbox {
display: none;
}
.read-more-checkbox:checked + .additional-paragraph {
max-height: 1000px; /* Set a large enough max-height value to show all content */
}
/* Responsive styling for phone size */
@media (max-width: 600px) {
.black-box {
width: 145px; /* width for phone size */
}
}
Everlasting Shell
Zipperless Closure
TSA Locks
Lifetime Warranty
