Как отрегулировать расстояние между кнопками css

Question

У меня следующая домашняя страница. Я пытаюсь создать интервал между этими кнопками, чтобы они не касались друг друга, однако margin-top / bottom не создает интервал. Не знаю почему.

index.html

 Соискатели 
 Найдите талант    

_large-hero. css

.large-hero {
    border-bottom: 5px solid $mainRed;
    position: relative;

    &__image {
        display: block;
        opacity: 0.85;
    }

    &__btn-content {
        background-color: yellow;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 100%;
        text-align: center;
    }
}

_btn. css

.btn {
    &--home {
        text-decoration: none;
        color: #FFF;
        background-color: rgba($mainRed, .70);
        padding: 0.5rem 2rem;
        border-radius: 37.5px;
        font-size: 1.25rem;
        margin-bottom: 5rem;

        @mixin atMedium {
            padding: 1.2rem 5rem;
            border-radius: 37.5px;
            font-size: 1.75rem;
            margin-right: 5rem;
            margin-left: 5rem;
        }
    }
}

Answer 1

, если расширения файлов css, чем вы используете функцию sass, которая не может быть реализована в css ..