@charset "utf-8";

.box-animation {
    font-size: 30px;
    display: inline-block;
    padding: 20px 30px;
    color: #5c5c5c;
    text-decoration: none;
    position: relative;
}

.box-animation::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #333;
    transform: scale(1);
    opacity: 0;
    transition: transform 0.2s, opacity 0.2s;
}
.dark-theme .box-animation::after{
    border-color: #e3e3e3;
}

.box-animation:hover::after {
    transform: scale(0.85);
    opacity: 1;
}