.sm {
 padding: 0.3rem 0.5rem !important;
}

.bt-transparent {
 border-radius: 20px;
 border: 1px solid #fff;
 color: #fff;
 background-color: transparent;

 display: flex;
 font-size: 14px;
 justify-content: space-between;
 gap: 10px;
 align-items: center;
}

.bt-transparent span {
 background-color: var(--green-dark-color);
 padding: 2px 20px;
 border-radius: 20px;
}

.bt-green {
 border-radius: 20px;
 border: 1px solid var(--green-color);
 color: #fff;
 font-size: 16px;
 border-radius: 30px;
 height: 48px;
 padding: 0.5rem 2rem;
 background-color: var(--green-color);
}

.bt-dark {
 border-radius: 20px;
 border: 1px solid var(--blue-dark-color);
 color: #fff;
 font-size: 14px;
 border-radius: 30px;
 height: 40px;
 padding: 0.5rem 2rem;
 background-color: var(--blue-dark-color);
}
.bt-transparent-dark {
 border-radius: 20px;
 border: 1px solid var(--blue-dark-color);
 color: var(--blue-dark-color);
 background-color: transparent;
 padding: 0.5rem 2rem;
 display: flex;
 justify-content: space-between;
 gap: 10px;
 align-items: center;
}
button {
 min-width: fit-content;
 transition: all 0.2s ease-in-out;
}

button:hover {
 transform: translateY(-3px);
 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}