@import "../../mixins";

.banner {
    padding-top: 81px;
}
    
.banner-container {
    min-height: 214px;
    background-image: url("../img/main/banner.png");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: start;

    &__title {
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;
        letter-spacing: -0.01em;
        text-transform: uppercase;
        color: #E7EAEE;
        padding-top: 51px;
        margin-left: 74px;
        max-width: 400px;
        width: 100%;
    }

     &__button {
        @include btn-orange;
        padding: 15px 51px;
        margin-left: 74px;
        margin-top: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: start;

        &:hover {
            @include btn-orange-hover;
        }
     }
  }