.btn a svg {
    margin-left: 10px;
    width: 20px;
    fill: #000;
    display: inline-block;
    animation: roll-in 1s ease 1;
}

.btn a:hover {
    text-decoration: underline;
    color: #000;
    border-bottom: 10px #000;
}

.btn a:hover span {
    text-decoration: none;
    color: #000;
}

.btn a:hover svg {
    fill: #000;
    animation: roll-in 1s ease infinite;
}

.btn-white {
    fill: #ffff;
}

.btn-white a svg {
    margin-left: 10px;
    width: 30px;
    fill: #fff;
    display: inline-block;
    animation: roll-in 1s ease 1;
}

.btn-white a:hover {
    text-decoration: underline;
    color: #fff;
}

.btn-white a:hover span {
    text-decoration: none;
    color: #fff;
}

.btn-white a:hover svg {
    fill: #fff;
    animation: roll-in 1s ease infinite;
}

.btn-black {
    fill: #ffff;
}

.btn-black a svg {
    fill: #000;
    display: inline-block;
    animation: roll-in 1s ease 1;
    float: right;
    margin-top: 10px;
    width: 4rem;
}

.btn-black a:hover {
    text-decoration: underline;
    color: #fff;
}

.btn-black a:hover span {
    text-decoration: none;
    color: #fff;
}

.btn-black a:hover svg {
    fill: #fff;
    animation: roll-in 1s ease infinite;
}

.text-button {
    font-size: 20px;
    color: #000;
}

.btn_careers a svg {
    margin-left: 10px;
    width: 30px;
    fill: rgb(0, 0, 0);
    display: inline-block;
    animation: roll-in 1s ease 1;
}

@keyframes roll-in {
    0% {
        opacity: 0;
        transform: translateX(-80%) rotate(-2deg);
    }
    100% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }
}