.button-style-1 {
    width: fit-content;
    font-family: var(--body);
    font-size: var(--h7);
    background-color: hsl(var(--hue), 60%, 50%);

    display: flex;
    gap: 10px;

    padding: 10px 20px;
    border-radius: 10px;
    color: hsl(0, 0%, 100%);
}

.button-style-1 .button-icon {
    width: 30px;
    flex: 0 0 auto;
}

.button-style-1 .button-text {
    width: fit-content;
}

.button-style-1 .button-icon svg, .button-style-1 .button-icon img {
    display: block;
    width: 100%;
    height: 100%;
}

.button-theme-1 {
    box-shadow: 3px 3px 0px hsl(var(--hue), 70%, 40%);
}