// Place all the styles related to the StaticPages controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/


@import "utillities/mixins";
@import "utillities/config";



$b: 'question_answer';

.#{$b}__button {
    overflow: hidden;
    position: relative;
    margin: 40px 0;
    width: 100%;
    //height: 90px;
    text-align: center;
}

.#{$b}__button-button {
    border: 2px solid $btn_border_color;
    display: inline-block;
    line-height: 1em;
    height: 62px;
    padding-top: 15px;
    width: 300px;
    text-align: center;
    font-size: 27px;
    text-decoration: none;
    color: $big_text_color;

    &:visited, &:focus {
        color: $big_text_color;
        text-decoration: none;
    }
    &:hover {
        color: $hl_color;
        text-decoration: none;
        background-color: $bg_color;
        transition: background-color 0.5s;
    }
}

.contacts__yandex_map {
    width: 100%;
    height: 500px;
}

@media (max-width: 643px) {
  .#{$b}__text { font-size: 16px;}
  .#{$b}__button-button { width: 240px; font-size: 23px;}
}