<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

.glass-card {
    border-radius: 20px; 
    position: relative;
    transition: box-shadow ease-in-out 0.3s;
    margin-bottom: 20px;
    max-width: 377px;
}

.glass-card:hover {
    box-shadow: 0px 0px 14px 0px #00000040;

}

.glass-card img {
    border-radius: 20px;
    display: block;
    width: 100%;
    height: auto;
  }
.glass-card-content {
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 18px;
    text-align: center;
    margin: 0 1.5% 1.5% 1.5%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 97%;
    transition: background-color ease-in-out 0.3s;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-wrap: wrap;
}

.glass-card-content &gt; * {
    flex: 0 0 100%;
}

.glass-card-content .filled-btn:after {
    display: none;
}

.glass-card-content .filled-btn {
    padding: 15px 30px;
}

.glass-card-content .filled-btn:hover {
    padding-right: 30px;
}


.glass-card:hover .glass-card-content {
    background-color: rgba(255, 255, 255, 1);

}

.glass-card-content h3 {
    font-size: 23px;
    font-weight: 700;
}

.glass-card-content h3, .glass-card-content p {
    color: var(--e-global-color-text);
}

.glass-card-content .filled-btn {
    width: 70%;
    margin: auto;
    display: block;
    transition: box-shadow ease-in-out 0.3s
}

.glass-card:hover .filled-btn {
    box-shadow: 0px 0px 14px 0px #00000040;

}</pre></body></html>