a{
    text-decoration: none;
}

.btn{
    padding: 0;
    border: none;
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
}

.small{
    height: 32px;
    border-radius: 32px;
}

.medium{
    height: 40px;
    border-radius: 32px;
}

.large{
    height: 48px;
    border-radius: 32px;
}

.small:disabled, .medium:disabled, .large:disabled{
    background-color: #C8D1E0;
}

.primary{
    padding: 8px 14px;
    background-color: #007D7A;
    border: none;
    color: white;
    gap: 8px;
    width: auto;
    text-decoration: none;
}

.primary:hover{
    background-color: #006969;
    color: white;
}

.btn .primary:hover{
    background-color: #006969;
    color: white;
}

.btn:hover{
    
}

.btn:active{
    color: #025257;
}

.primary:active{
    background-color: #025257;
    color: white;
}

.secondary{
    padding: 8px 14px;
    border: 1px solid #007D7A;
    background: white;
    color: #007D7A; 
}

.secondary:hover {
    background-color: #006969;
    color: white;
}

.secondary:active {
    background-color: #025257;
    color: white;;
}

.terciary{
    border: none;
    background: transparent;
    color: #007D7A;
}

.terciary:hover {
    color: #006969;
    background-color: transparent;
    cursor: pointer;
  }

.terciary:active {
color: #025257;
background-color: transparent;
}